<template>
  <div class="team">
      <el-table :data="teamData" ref="multipleTable">
          <el-table-column type="selection" width="55">
          </el-table-column>
          <el-table-column prop="status" label="状态" width="120">
          </el-table-column>
          <el-table-column prop="match" label="赛事" width="120">
          </el-table-column>
          <el-table-column label="主队" width="120">
            <template slot-scope="scope">
                <div>
                    {{ scope.row.home }}
                    <img :src="scope.row.homeLogo" width="100%">
                    <img src="../../assets/footballTeam/shldsh.png" alt="element-logo" >
                    <img :src="scope.row.homeLogo" alt="element-logo" >
                </div>
            </template>
          </el-table-column>
          <el-table-column prop="score" label="比分" width="120">
          </el-table-column>
          <el-table-column prop="away" label="客队" width="120">
          </el-table-column>
      </el-table>
  </div>
</template>
<script>
export default {
  data () {
    return {
      msg: 'Football',
      teamData: [
        {
          status: '完场',
          match: '中超',
          home: '上海绿地申花',
          homeLogo: '../../assets/footballTeam/shldsh.png',
          score: '3 - 0',
          away: '北京国安',
          awayLogo: ''
        }
      ]
    }
  }
}
</script>
<style scoped>
.team{
    height: 100%;
}
</style>
